<#assign pageTitle = "我的简历" />
<#assign pageHeader>
    <link rel="stylesheet" type="text/css" href="/static/css/qrcode-dialog.css"/>
    <link href="/static/qdxwx/teacher_verify/css/index.css" rel="stylesheet">
</#assign>
<#assign pageContent>
    <article class="w80 fl">
        <div class="u-r-cont">
            <section>
                <div class="">
                    <section class="u-r-tit-all">
                        <h2 class="unFw">
                            <a href="/user/info.html">我的信息</a>
                            <a  href="/user/vitae/view.html" class="current">我的简历</a>
                        </h2>
                    </section>
                        <div class="u-r-all-box" id="p_tCont">
                        <section class="member-all-box">
                            <form method="post" id="vitaeForm">
                                <input type="hidden" id="id" name="id" value="${userVitae.id!}" />
                                <input type="hidden" id="sex" name="sex" value="${userVitae.sex!}" />
                                <input type="hidden" id="jobType" name="jobType" value="${userVitae.jobType!}" />
                                <input type="hidden" id="learningType" name="learningType" value="${userVitae.learningType!}" />
                            <div class="member-yt mt30">
                                <div class="m-acc-title">
									<span class="f-fM">
										个人资料
									</span>
                                </div>
                                <div class="mem-body mem-b-txt">
                                    <ol class="u-account-li tac">
                                        <li>
                                            <label class="u-a-title">
                                                <span class="fsize16 c-999">名 称</span>
                                            </label>
                                            <input id="name" type="text" class="u-a-inpt" name="name" value="${userVitae.name!}" placeholder="请输入名称">
                                            <label class="u-a-title">
                                                <span class="fsize16 c-999">性 别</span>
                                            </label>
                                            <div class="disIb vam" style="width: 300px">
                                                <div class="xb-box clearfix tac">
                                                    <a class="mr30 <#if userVitae.sex?? && userVitae.sex == 1>current</#if>" href="javascript:void(0)" onclick="selectSex(1,this)">
                                                        <span>男</span>
                                                    </a>
                                                    <a class="<#if userVitae.sex?? && userVitae.sex == 2>current</#if>" href="javascript:void(0)" onclick="selectSex(2,this)">
                                                        <span>女</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <label class="u-a-title">
                                                <span class="fsize16 c-999">出生年月</span>
                                            </label>
                                            <input id="birthday" type="text" class="u-a-inpt" name="birthday" value="${userVitae.birthday?string('yyyy-MM-dd')}" placeholder="请选择您的出生年月">
                                            <label class="u-a-title">
                                                <span class="fsize16 c-999">民 族</span>
                                            </label>
                                            <input id="nation" type="text" class="u-a-inpt" name="nation" value="${userVitae.nation!}" placeholder="请输入您的民族">
                                        </li>
                                        <li>
                                            <label class="u-a-title">
                                                <span class="fsize16 c-999">身 高</span>
                                            </label>
                                            <input id="height" type="number" class="u-a-inpt" name="height" value="${userVitae.height!}" placeholder="请输入您的身高/CM">
                                            <label class="u-a-title">
                                                <span class="fsize16 c-999">籍 贯</span>
                                            </label>
                                            <input id="nativePlace" type="text" class="u-a-inpt" name="nativePlace" value="${userVitae.nativePlace!}" placeholder="请输入您的籍贯">
                                        </li>
                                        <li>
                                            <label class="u-a-title">
                                                <span class="fsize16 c-999">联系电话</span>
                                            </label>
                                            <input id="contactMobile" type="text" class="u-a-inpt" name="contactMobile" value="${userVitae.contactMobile!}" placeholder="请输入您的联系电话">
                                            <label class="u-a-title">
                                                <span class="fsize16 c-999">邮箱地址</span>
                                            </label>
                                            <input id="contactEmail" type="text" class="u-a-inpt" name="contactEmail" value="${userVitae.contactEmail!}" placeholder="请输入您的邮箱地址">
                                        </li>
                                        <li>
                                            <label class="u-a-title">
                                                <span class="fsize16 c-999">最高学历</span>
                                            </label>
                                            <select id="education" type="text" class="u-a-inpt" name="education" value="${userVitae.education!}">
                                                <option value="">请选择</option>
                                                <option value="初中及以下" <#if userVitae.education == '初中及以下'> selected="selected"</#if>>初中及以下</option>
                                                <option value="中专/中技" <#if userVitae.education == '中专/中技'> selected="selected"</#if>>中专/中技</option>
                                                <option value="高中" <#if userVitae.education == '高中'> selected="selected"</#if>>高中</option>
                                                <option value="大专" <#if userVitae.education == '大专'> selected="selected"</#if>>大专</option>
                                                <option value="本科" <#if userVitae.education == '本科'> selected="selected"</#if>>本科</option>
                                                <option value="硕士" <#if userVitae.education == '硕士'> selected="selected"</#if>>硕士</option>
                                                <option value="博士" <#if userVitae.education == '博士'> selected="selected"</#if>>博士</option>
                                            </select>
                                            <label class="u-a-title">
                                                <span class="fsize16 c-999">工作经验</span>
                                            </label>
                                            <select id="workExperience" type="text" class="u-a-inpt" name="workExperience" value="${userVitae.workExperience!}">
                                                <option value="">请选择</option>
                                                <option value="无经验" <#if userVitae.workExperience == '无经验'> selected="selected"</#if>>无经验</option>
                                                <option value="在校生" <#if userVitae.workExperience == '在校生'> selected="selected"</#if>>在校生</option>
                                                <option value="应届生" <#if userVitae.workExperience == '应届生'> selected="selected"</#if>>应届生</option>
                                                <option value="1年以下" <#if userVitae.workExperience == '1年以下'> selected="selected"</#if>>1年以下</option>
                                                <option value="1-3年" <#if userVitae.workExperience == '1-3年'> selected="selected"</#if>>1-3年</option>
                                                <option value="3-5年" <#if userVitae.workExperience == '3-5年'> selected="selected"</#if>>3-5年</option>
                                                <option value="5-10年" <#if userVitae.workExperience == '5-10年'> selected="selected"</#if>>5-10年</option>
                                                <option value="10年以上" <#if userVitae.workExperience == '10年以上'> selected="selected"</#if>>10年以上</option>
                                            </select>
                                        </li>
                                        <li>
                                            <div class="fl ml50">
                                                <label class="u-a-title ml10">
                                                    <span class="fsize16 c-999">居住地址</span>
                                                </label>
                                                <input style="width: 700px" id="nowDwellAddres" type="text" class="u-a-inpt" name="nowDwellAddres" value="${userVitae.nowDwellAddres!}" placeholder="请输入您现居住地址">
                                            </div>
                                        </li>
                                        <li>
                                            <div class="fl ml50">
                                                <label class="u-a-title ml10">
                                                    <span class="fsize16 c-999">自我简介</span>
                                                </label>
                                                <textarea id="selfProfile" name="selfProfile" class="u-a-inpt" style="width: 700px;height: 100px;"placeholder="请填写自我简介">${userVitae.selfProfile!}</textarea>
                                            </div>
                                        </li>
                                    </ol>
                                </div>
                            </div>
                            <div class="member-yt mt30">
                                <div class="m-acc-title">
									<span class="f-fM">
										求职意向
									</span>
                                </div>
                                <div class="mem-body mem-b-txt">
                                    <ol class="u-account-li tac">
                                        <li>
                                            <label class="u-a-title">
                                                <span class="fsize16 c-999">期望职位</span>
                                            </label>
                                            <input id="jobPosition" type="text" class="u-a-inpt" name="jobPosition" value="${userVitae.jobPosition!}" placeholder="请输入您的意向职位">
                                            <label class="u-a-title">
                                                <span class="fsize16 c-999">类 型</span>
                                            </label>
                                            <div class="disIb vam" style="width: 300px">
                                                <div class="xb-box clearfix tac">
                                                    <a class="mr30 <#if userVitae.jobType?? && userVitae.jobType == 1>current</#if>" href="javascript:void(0)" onclick="selectJobType(1,this)">
                                                        <span>全职</span>
                                                    </a>
                                                    <a class="<#if userVitae.jobType?? && userVitae.jobType == 2>current</#if>" href="javascript:void(0)" onclick="selectJobType(2,this)">
                                                        <span>兼职</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <label class="u-a-title">
                                                <span class="fsize16 c-999">期望薪资</span>
                                            </label>
                                            <input id="jobSalary" type="text" class="u-a-inpt" name="jobSalary" value="${userVitae.jobSalary!}" placeholder="请输入您的期望薪资,不填则面议">
                                            <label class="u-a-title">
                                                <span class="fsize16 c-999">意向省市</span>
                                            </label>
                                            <select style="width: 150px" name="jobProvinceId" id="jobProvinceId" class="lTxt" onchange="provinceClick()">
                                                <option value="0">省份</option>
                                                <#list provinces as province>
                                                    <option value="${province.id}">${province.name}</option>
                                                </#list>
                                            </select>
                                            <select style="width: 150px" name="jobCityId" id="jobCityId" class="lTxt">
                                                <option value="0">城市</option>
                                            </select>
                                        </li>
                                        <li>
                                            <div class="fl ml50">
                                                <label class="u-a-title ml10">
                                                    <span class="fsize16 c-999">职业技能</span>
                                                </label>
                                                <textarea id="jobSkills" name="jobSkills" class="u-a-inpt" style="width: 700px;height: 100px;"placeholder="请填写职业技能">${userVitae.jobSkills!}</textarea>
                                            </div>
                                        </li>
                                    </ol>
                                </div>
                            </div>
                            <div class="member-yt mt30">
                                <div class="m-acc-title">
									<span class="f-fM">
										教育信息
									</span>
                                </div>
                                <div class="mem-body mem-b-txt">
                                    <ol class="u-account-li tac">
                                        <li>
                                            <label class="u-a-title">
                                                <span class="fsize16 c-999">毕业院校</span>
                                            </label>
                                            <input id="finishSchool" type="text" class="u-a-inpt" name="finishSchool" value="${userVitae.finishSchool!}" placeholder="请输入您毕业院校">
                                            <label class="u-a-title">
                                                <span class="fsize16 c-999">学制类型</span>
                                            </label>
                                            <div class="disIb vam" style="width: 300px">
                                                <div class="xb-box clearfix tac">
                                                    <a class="mr30 <#if userVitae.learningType?? && userVitae.learningType == 1>current</#if>" href="javascript:void(0)" onclick="selectLearningType(1,this)">
                                                        <span>全日制</span>
                                                    </a>
                                                    <a class="<#if userVitae.learningType?? && userVitae.learningType == 2>current</#if>" href="javascript:void(0)" onclick="selectLearningType(2,this)">
                                                        <span>非全日制</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <label class="u-a-title">
                                                <span class="fsize16 c-999">专 业</span>
                                            </label>
                                            <input id="major" type="text" class="u-a-inpt" name="major" value="${userVitae.major!}" placeholder="请输入您的专业">
                                            <label class="u-a-title">
                                                <span class="fsize16 c-999">毕业时间</span>
                                            </label>
                                            <input id="finishDate" type="text" class="u-a-inpt" name="finishDate" value="${userVitae.finishDate?string('yyyy-MM-dd')}" placeholder="请选择您毕业时间">
                                        </li>
                                        <li>
                                            <div class="fl ml50">
                                                <label class="u-a-title ml10">
                                                    <span class="fsize16 c-999">在校荣誉</span>
                                                </label>
                                                <textarea id="honors" name="honors" class="u-a-inpt" style="width: 700px;height: 100px;"placeholder="请填写您在校荣誉或经历">${userVitae.honors!}</textarea>
                                            </div>
                                        </li>
                                    </ol>
                                </div>
                            </div>
                            </form>
                            <div class="member-yt mt30">
                                <div class="m-acc-title">
									<span class="f-fM">
										工作经历
									</span>
                                    <a href="javascript:void(0)" title="新增工作经历" class="cou-kscp big-all-btn ml10" onclick="addHistory()">新增</a>
                                </div>
                                <#if workHistorys?? && workHistorys?size lt 1>
                                    <section class="no-data-wrap" id="vitaeIsNot">
                                        <em class="icon30 no-data-ico">&nbsp;</em> <span class="c-666 fsize14 ml10 vam">还没有添加工作经历！~<a href="javascript: void(0)" onclick="addHistory()" class="c-master">马上添加</a></span>
                                    </section>
                                </#if>

                                    <div class="mt20 ml50" id="historyShow">
                                        <ul class="layui-timeline ml20" id="history-list">
                                            <#if workHistorys?? && workHistorys?size gt 0>
                                                <#list workHistorys as item>
                                                    <li class="layui-timeline-item" id="history-${item.id!}">
                                                        <i class="layui-icon layui-timeline-axis"></i>
                                                        <div class="layui-timeline-content layui-text">
                                                            <h3 class="layui-timeline-title">
                                                                ${item.workUnit!}
                                                                <a href="javascript:void (0)" onclick="delHistory(${item.id!})" title="删除"
                                                                   class="layui-btn layui-btn-primary layui-btn-xs ml20" style="margin-top: -5px">删除</a>
                                                            </h3>
                                                            <p>
                                                                <span>职位：${item.position!}</span>
                                                                <span class="ml50">在职时间：${item.workDate!}</span>
                                                            </p>
                                                            <p>
                                                                <span>内容：</span>
                                                                <span>${item.workIntro!}</span>
                                                            </p>
                                                        </div>
                                                    </li>
                                                </#list>
                                            </#if>
                                        </ul>
                                    </div>

                                <#--添加工作经历表单 TOP-->
                                <div class="mt20 " id="addVitae" style="display: none">
                                    <form method="post" id="historyForm">
                                    <ol class="u-account-li tac">
                                        <li>
                                            <label class="u-a-title">
                                                <span class="fsize16 c-999">单位名称</span>
                                            </label>
                                            <input id="workUnit" type="text" class="u-a-inpt" name="workUnit"  placeholder="请输入您单位名称">
                                            <label class="u-a-title">
                                                <span class="fsize16 c-999">在职时间</span>
                                            </label>
                                            <input id="workDate" type="text" class="u-a-inpt" name="workDate"  placeholder="请选择您的在职时间范围">
                                        </li>
                                        <li class="ml10">
                                            <label class="u-a-title fl ml50">
                                                <span class="fsize16 c-999">所属职位</span>
                                            </label>
                                            <input id="position" type="text" class="u-a-inpt fl ml5" name="position" placeholder="请输入您的职位">
                                       </li>
                                        <li>
                                            <div class="fl ml50">
                                                <label class="u-a-title ml10">
                                                    <span class="fsize16 c-999">工作介绍</span>
                                                </label>
                                                <textarea id="workIntro" name="workIntro" class="u-a-inpt" style="width: 700px;height: 100px;"placeholder="请填写您在校荣誉或经历"></textarea>
                                            </div>
                                        </li>
                                    </ol>
                                    </form>
                                </div>
                                <#--添加工作经历表单 END-->

                            </div>
                            <section id="saveHistory" class="u-o-right mt50 tac" style="display: none">
                                <a href="javascript:void(0)" title="保存工作经历" class="cou-kscp big-all-btn mr20" onclick="saveHistory();">保存工作经历</a>
                                <a href="javascript:void(0)" title="取消" class="cou-kscp gmkc" onclick="closeHistory();">取消</a>
                            </section>
                            <section class="u-o-right mt50 tac" >
                                <a id="saveVitae" href="javascript:void(0)" title="更新简历" class="cou-kscp big-all-btn mr20" onclick="saveVitae();">更 新 简 历</a>
                            </section>
                        </section>
                    </div>

                </div>
            </section>
        </div>
    </article>
</#assign>
<#include "../layouts/layout_uc.ftl">
<script type="text/javascript" src="/static/libs/layui-v2.6.8/layui.js"></script>
<script type="text/javascript" src="/static/js/user/user-vitae.js"></script>
<script>
    var jobProvinceId = [[${userVitae.jobProvinceId}]];
    var jobCityId = [[${userVitae.jobCityId}]];
</script>